<!doctype html>
<html>
	<head>
		<title>Post Audio | Key Lime</title>
		<meta charset="utf-8">
		<meta name="description" content="Key Lime Responsive HTML5/CSS3 Template from angelostudio.net">
		<meta name="author" content="ANGELOSTUDIO.NET">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Merriweather:400,400italic,700italic" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/icons.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="shortcut icon" href="img/ico/32.png" sizes="32x32" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" href="img/ico/60.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/72.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/ico/120.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/ico/152.png" type="image/png"/>
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body id="home">
		<div id="menu" class="menu-right">
			<ul>
				<form class="menu-search" >
					<div class="form-group header">
						<i class="icon-search searchico"></i>
						<input type="text" placeholder="Blog Search">
						<a href="#" class="close-menu"><i class="icon-close"></i></a>
					</div>
				</form>
				<li><a href="index.html"><i class="icon-lime"></i>Home</a></li>
				<li><a href="about.html"><i class="icon-user"></i>About</a></li>
				<li class="submenu">
					<a href="#"><i class="icon-books"></i>Categories<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="category.html">Blogroll <span class="badge golden">2</span></a></li>
						<li><a href="category.html">Quotes<span class="badge">4</span></a></li>
						<li><a href="category.html">Travel<span class="badge red">12</span></a></li>
						<li><a href="category.html">Writing<span class="badge blue">7</span></a></li>
					</ul>		
				</li>
				<li class="submenu submenu-open">
					<a href="#"><i class="icon-file"></i>Pages<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="post-image.html">Post Image</a></li>
						<li><a href="post-audio.html">Post Audio</a></li>
						<li><a href="post-video.html">Post Video</a></li>						
						<li><a href="post-typography.html">Typography</a></li>
						<li><a href="author.html">Author</a></li>
						<li><a href="search.html">Search</a></li>
						<li><a href="404.html">404 Error</a></li>
					</ul>		
				</li>
				<li class="submenu">
					<a href="#"><i class="icon-calendar"></i>Archives <b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="archives.html">June<span>2014</span></a></li>
						<li><a href="archives.html">May<span>2014</span></a></li>
						<li><a href="archives.html">January<span>2014</span></a></li>
						<li><a href="archives.html">October<span>2013</span></a></li>
					</ul>	
				</li>
				<li><a href="contact.html"><i class="icon-envelope"></i>Contact</a></li>
			</ul>
		</div>
		<div id="wrap">
			<div id="main-nav" class="">
				<div class="container">
					<div class="nav-header">
							<a class="nav-brand" href="index.html"><i class="icon-lime"></i>Key Lime</a>
							<a class="menu-link nav-icon" href="#"><i class="icon-menu2"></i></a>
							<a class="btn btn-blog outline-white pull-right" href="#" data-toggle="modal" data-target="#loginModal">Login</a>
						</div>
				</div>
			</div>
					
			<section id="hero" class="light-typo">
				<div id="cover-image" class="image-bg2 animated fadeIn"></div>
				<div class="container welcome-content">
					<div class="middle-text">
						<h1>Ah, now the ball's in Farnsworth's court!</h1>
						<h2>Quotes</h2>
					</div>
				</div>
			</section>

			<section id="breadcrumb">
				<div class="container">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							<ol class="breadcrumb">
								<li><a href="index.html">Blog</a></li>
								<li><a href="#">Quotes</a></li>
								<li class="active">Ah, now the ball's in Farnsworth's court!</li>
							</ol>
						</div>
					</div>
				</div>
			</section>

			<div class="container content">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							<div class="post-head">
								<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/147224593&amp;color=80b959&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
							</div>
							<div class="post-date">
								May 20, 2014 | <a href="">Melissa Sing </a> <span><a href="">42 Comments</a></span>
							</div>		
							<!-- <h1>Post Audio</h1> -->
							
							<div class="post-intro">No! The cat shelter's on to me. All I want is to be a monkey of moderate intelligence who wears a suit… that's why I'm transferring to business school! Hey! I'm a porno-dealing monster, what do I care what you think? In our darkest hour, we can stand erect, with proud upthrust bosoms.</div>
							<p>Hey, tell me something. You've got all this money. How come you always dress like you're doing your laundry? Why would a robot need to drink? Morbo can't understand his teleprompter because he forgot how you say that letter that's shaped like a man wearing a hat.</p>
							<p>Why would a robot need to drink? I guess because my parents keep telling me to be more ladylike. As though! Oh dear! She's stuck in an infinite loop, and he's an idiot! Well, that's love for you. Why am I sticky and naked? Did I miss something fun?</p>
							
							<div class="post-date">
								tags | <a href="">JavaScript</a> , <a href="">jQuery</a> , <a href="">Angular</a> 
								<span>

								</span>
							</div>
								<ul class="social-links outline text-center">
										<li><a href="#link"><i class="icon-twitter"></i></a></li>
										<li><a href="#link"><i class="icon-facebook"></i></a></li>
										<li><a href="#link"><i class="icon-googleplus"></i></a></li>
									</ul>

							<div id="author" class="clearfix">
								<img class="img-circle" alt="" src="img/author-sing.jpg" height="96" width="96">
								<div class="author-info">
									<h3>Melissa Sing</h3>
									<p>If rubbin' frozen dirt in your crotch is wrong, hey I don't wanna be right. You can follow her on <a href="">Twitter</a>.</p>
								</div>
							</div>


							<div class="post-popular">
								<div class="row hidden-xs">
									<div class="col-sm-4 col-md-4">	
										<a href="post-video.html"><img src="img/img2.jpg" class="img-responsive" alt="img2"></a>
										<h4 class="text-center"><a href="post-video.html">But I've never been to the moon!</a></h4>
										<p class="post-date text-center">MAY 10, 2014</p>
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-typography.html"><img  src="img/img1.jpg" class="img-responsive" alt="img1"></a>
										<h4 class="text-center"><a href="post-typography.html">We don't have a brig</a></h4>
										<p class="post-date text-center">september 27, 2014</p>
										
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-image.html"><img  src="img/img3.jpg" class="img-responsive" alt="img3"></a>
										<h4 class="text-center"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
										<p class="post-date text-center">april 2, 2014</p>
										
									</div>
								</div>
								<div class="row visible-xs">
									<div class="col-sm-12">
										<div class="media">
											<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
												<p class="post-date">may 10, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
												<p class="post-date">september 27, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
												<p class="post-date">april 2, 2014</p>
											</div>
										</div>
										
									</div>
								</div>
							</div>
								
							<h3>11 Comments</h3>	
							<div class="media">
								<hr>
								<a class="pull-left avatar" href="#">
									<img class="media-object img-circle" src="img/author-sing.jpg" width="40" height="40" alt="">
								</a>
								<div class="media-body">
									<h4 class="media-heading"><a href="">Melissa Sing</a><span>5h ago | <a href="#">REPLY</a></span></h4>
									<p>Good news, everyone! There's a report on TV with some very bad news! Daddy Bender, we're hungry. One hundred dollars. Leela, Bender, we're going grave robbing.</p>


									<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>17h ago | <a href="#">REPLY</a></span></h4>
											<p>Who am I making this out to? You're going back for the Countess, aren't you? Does anybody else feel jealous and aroused and worried? </p>
										</div>
									</div>


									<div class="media">
										<a class="pull-left avatar" href="#">
											 <img class="media-object img-circle" src="img/author-sans.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Dorin Sans</a><span>2d ago | <a href="#">REPLY</a></span></h4>
											<p>Fetal stemcells, aren't those controversial? Ven ve voke up, ve had zese wodies. You guys realize you live in a sewer, right? And why did 'I' have to take a cab? Why would I want to know that? Are you crazy? I can't swallow that.</p>
										</div>
									</div>
								</div>
								<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>3d ago | <a href="#">REPLY</a></span></h4>
											<p>It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years.  </p>
										</div>
									</div>
							</div>

							<div id="comments_pagination">
								<span class="page-numbers current">1</span>
								<a class="page-numbers" href="#">2</a>
								<a class="next page-numbers" href="#"><i class="icon-arrow-right2"></i></a>
							</div>

							<h3>Add a new comment</h3>
							<form action="index.html" method="post" novalidate class="myform" id="mycomment">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 wow fadeInUp" >
										<div class="form-group">
											<label class="control-label" for="contact-message">Join the discussion...</label>
											<div class="controls">
												<textarea name="comments" placeholder="Join the discussion..." class="form-control input-lg requiredField" rows="3" data-error-empty="Please enter comment"></textarea>
											</div>
										</div>
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Name</label>
													<div class="controls">
														<input name="contactName" placeholder="Name" class="form-control input-lg requiredField " type="text" data-error-empty="Please enter name">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label" for="contact-mail">Email</label>
													<div class=" controls">
														<input name="email" placeholder="Email" class="form-control input-lg requiredField" type="email" data-error-empty="Please enter email" data-error-invalid="Invalid email address">
													</div>
												</div>	
											</div>	
										</div>	
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Website</label>
													<div class="controls">
														<input name="contactName" placeholder="Website" class="form-control input-lg " type="text">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<button name="submit" type="submit" class="btn btn-block" data-error-message="Error!" data-sending-message="Sending..." data-ok-message="Comment Sent">Send Comment</button>
													<input type="hidden" name="submitted" id="submitted3" value="true">
												</div>	
											</div>	
										</div>	


									</div>
								</div>
							</form>

						</div>
					</div>
				</div>
				<footer>
					<div class="footer">
						<div class="container">
							<div class="row">
								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Statistics</h3>
									<span>We can't compete with Mom! Her company is big and evil! </span>
									<div class="stats">
										<div class="line">
											<span class="counter">27</span>
											<span class="caption">Articles</span>
										</div>
										<div class="line">
											<span class="counter">208</span>
											<span class="caption">Comments</span>
										</div>
										<div class="line">
											<span class="counter">2</span>
											<span class="caption">Authors</span>
										</div>                    
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Recent posts</h3>
									<div class="post-recent-widget">
										<div class="row">
											<div class="col-sm-12">
												<div class="media">
													<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
														<p class="post-date">may 10, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
														<p class="post-date">september 27, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
														<p class="post-date">april 2, 2014</p>
													</div>
												</div>
												
											</div>
										</div>
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget clearfix">
									<h3>Tags</h3>
									<ul class="tags">
										<li><a href="#">OpenPGP</a></li>
										<li><a href="#">Django</a></li>
										<li><a href="#">Bitcoin</a></li>
										<li><a href="#">Security</a></li>
										<li><a href="#">GNU/Linux</a></li>
										<li><a href="#">Git</a></li>
										<li><a href="#">Homebrew</a></li>
										<li><a href="#">Debian</a></li>                            
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="copyright">
						<div class="container">
							<p class="pull-left">Designed by <a href="http://angelostudio.net">Angelo Studio.</a></p>
							<ul class="social-links pull-right">
								<li><a href="#link"><i class="icon-twitter"></i></a></li>
								<li><a href="#link"><i class="icon-facebook"></i></a></li>
								<li><a href="#link"><i class="icon-googleplus"></i></a></li>
							</ul>
						</div>
					</div>
				</footer>
		</div>		

		<div class="modal fade login" id="loginModal" aria-hidden="true">
			  <div class="modal-dialog login">
				  <div class="modal-content">
					 <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						<h4 class="modal-title">Login with</h4>
					</div>
					<div class="modal-body">  
						<div class="box">
							<div class="form loginBox">
								<form class="myform" method="post" action="/login" accept-charset="UTF-8">
									<div class="form-group">
										<label class="control-label">Email</label>
										<div class="controls">
											<input id="email" class="form-control" type="text" placeholder="Email" name="email">
										</div>
									</div>
									<div class="form-group">
										<label class="control-label">password</label>
										<div class="controls">
											<input id="password" class="form-control" type="password" placeholder="Password" name="password">
										</div>
									</div>
									<p class="text-center"><a href="">Forgot password?</a></p>
									<input class="btn btn-block" type="button" value="Login" >
								</form>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<div class="forgot login-footer">
							<span>Looking to 
								 <a href="#">create an account</a>
							?</span>
						</div>
					</div>        
				  </div>
			  </div>
		  </div>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/placeholders.min.js"></script>
		<script type="text/javascript" src="js/wow.min.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script type="text/javascript" src="js/ga.js"></script>
	</body>
</html>